 <ng-template ngFor let-menu [ngForOf]="menus">
   <ng-template [ngIf]="menu.isEnable == '1' && menu.isDisplay == '1' " >
     <li>
       <ng-template [ngIf]="menu.isExistUrl == '1'">
         <a *ngIf="menu.isExternal == '1'"  [href]="menu.url || ''" [target]=" menu.isBlank == '1' ? '_blank' : '_self'">
           <!--<i [class]="menu.cssName ? menu.cssName : 'fa fa-circle-o'"></i>-->
           <i [class]="menu.cssName ? menu.cssName : 'fa fa-circle-o'"></i>
           <span>{{menu.name}}</span>
           <span class="pull-right-container" *ngIf="menu.children">
           <i class="fa fa-angle-left pull-right"></i>
         </span>
         </a>
         <a *ngIf="menu.isExternal != '1'"  [routerLink]="menu.url ? [menu.url,{mid:menu.id}] : ''" [target]=" menu.isBlank == '1' ? '_blank' : '_self'">
           <!--<i [class]="menu.cssName ? menu.cssName : 'fa fa-circle-o'"></i>-->
           <i [class]="menu.cssName ? menu.cssName : 'fa fa-circle-o'"></i>
           <span>{{menu.name}}</span>
           <span class="pull-right-container" *ngIf="menu.children">
           <i class="fa fa-angle-left pull-right"></i>
         </span>
         </a>
       </ng-template>

       <ng-template [ngIf]="menu.isExistUrl != '1'">
         <a>
           <!--<i [class]="menu.cssName ? menu.cssName : 'fa fa-circle-o'"></i>-->
           <i [class]="menu.cssName ? menu.cssName : 'fa fa-circle-o'"></i>
           <span>{{menu.name}}</span>
           <span class="pull-right-container" *ngIf="menu.children">
          <i class="fa fa-angle-left pull-right"></i>
         </span>
         </a>
       </ng-template>
       <ul class="treeview-menu" *ngIf="menu.children" id="one-admin-menu" [menus]="menu.children">
       </ul>
     </li>
   </ng-template>
  </ng-template>


 <!--<ng-template ngFor let-menu [ngForOf]="menus">-->
   <!--<li>-->
       <!--<a [routerLink]="menu.url ? [menu.url,{mid:menu.id}] : ''" [target]=" menu.isBlank == '1' ? '_blank' : '_self'">-->
         <!--&lt;!&ndash;<i [class]="menu.cssName ? menu.cssName : 'fa fa-circle-o'"></i>&ndash;&gt;-->
         <!--<i [class]="menu.cssName ? menu.cssName : (menu.icon ? menu.icon : 'fa fa-circle-o')"></i>-->
         <!--<span>{{menu.name}}</span>-->
         <!--<span class="pull-right-container" *ngIf="menu.children">-->
           <!--<i class="fa fa-angle-left pull-right"></i>-->
         <!--</span>-->
       <!--</a>-->

     <!--<ul class="treeview-menu" *ngIf="menu.children" id="one-admin-menu" [menus]="menu.children">-->
     <!--</ul>-->
   <!--</li>-->
 <!--</ng-template>-->
